body{
  background-color:#fff;
}
.ykl-layout {
  box-sizing: border-box;
  min-height:100%;
  margin-top:62px;
  padding-bottom: 20px;
}
.top-bar-wrapper{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height: 62px;
}
.top-bar{
  box-sizing:border-box;
  height: 62px;
  max-width:640px;
  min-width:300px;
  margin:0 auto;
  display:flex;
  align-items:center;
  padding-left:30px;
  padding-right:20px;
  background-color:#76a6f0;
  position: relative;
}
.top-bar input{
  box-sizing:border-box;
  width:80%;
  height:36px;
  padding-left:40px;
  border:none;
  border-radius: 5px;
  background-color:#fff;
  color:#333;
  font-size:20px;
  line-height:36px;
}
.top-bar .iconfont{
  font-size:20px;
  color:#a9a9a9;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:40px;
}
.top-bar .cancel-btn{
  padding-left: 20px;
  font-size: 22px;
  color: #fff;
  white-space:nowrap;
}
.search-result-text{
  margin:0 25px;
  padding-top:20px;
  padding-bottom:15px;
  color:#a9a9a9;
  font-size:16px;
  border-bottom:1px solid #e6e6e6;
}
.page-content{
  padding:10px 25px;
}
.info-content .info-content-item .content-msg{
   padding:0;
   padding-top:10px;
}
.info-content .info-content-item .content-msg img{
   width:60px;
   height:60px;
}
.info-content .info-content-item .content-msg .content-msg-text{
  font-size:15px;
  color:#888;
} 
